<!--{subtemplate common/header}-->

	<div class="clear"></div>
	<div class=" w1100" style="margin-top: 20px;">
		<div class="sign">
			<h3>第三方登录账号绑定<a href="javascript:;" target="_blank">还没 {C('site_name')} 账号，去注册？</a></h3>
			<p style="margin-top: 40px; color:#b10;text-align:center;">* 温馨提示：绑定账号后更方便、更快捷；绑定以后直接第三方登录即可使用！ </p>
	    	<ul style="margin:0 auto; width: 280px;">
	            <li style="margin-top: 60px;">
	            	<div style="display: inline-block;margin-bottom: 10px;"><b>用户名：</b></div>
	                <div ><p ><input type="text" placeholder="注册时的用户名" class="input_1" name="username" style="font-size:12px;" /></p></div>
	            </li>
	         	<li>
	         		<div style="display: inline-block;margin-bottom: 10px;"><b>密&nbsp;&nbsp;&nbsp;码：</b></div>
	                <div ><p ><input type="password" placeholder="注册时的用户名" class="input_1" name="password" style="font-size:12px;" /></p></div>
	            </li>
				
	            <span id="bind_tip">您输入的帐号密码有误</span>
	            <input type="button" id="btn_band" value="绑  定" class="btn8" />
	        </ul>
	        <em><img src="{THEME_PATH}images/bg4.png" /></em>
	        <div class="clear"></div>
	    </div>
	</div>
	<div class="clear"></div>
	<div class="mt10"></div>
<!--{subtemplate common/footer}-->

<script type="text/javascript">
	$('#btn_band').bind('click',function(){
		if ($('input[name=username]').val() == '') {
			alert('请输入要绑定账号的用户名');
			return false;
		}
		if ($('input[name=password]').val() == '') {
			alert('请输入要绑定账号的密码');
			return false;
		}
		$.post("{U('User/ThirdLogin/login_return')}",{
			type 	 : "{$_GET['login_code']}",
			openid 	 : "{$_GET['openid']}",
			username : $('input[name=username]').val(),
			password : $('input[name=password]').val()
		},function(ret){
			alert(ret.info);
			if (ret.status == 1) {
				location.href = ret.url;
			}
		},'json');
	})
</script>

<style type="text/css">
	.sign{ position:relative;width:900px;margin:0 auto;padding:15px 0 60px;border:1px solid #dadada; background:#f9f9f9;min-height: 471px;}
	.not-reg{color: #999999;font-size: 26px;text-align: center;line-height: 400px;}
	.sign h3{color:#417eb7;font-size:22px;padding-left:30px;line-height:40px;border-bottom: 1px dashed #417DB7;}
	.sign h3 a{color:#888;font-size:12px;float:right;margin-right:10px;}
	.sign h3 a:hover{color:#417eb7; text-decoration: underline;}
	.sign h4{color:#999999;padding-left:30px;line-height:26px;border-bottom:1px dashed #e3e3e3;padding-bottom:12px;}
	.sign em{ position:absolute;right:-1px;bottom:-1px;}
	.sign li{width:100%; clear:both; overflow:hidden;padding-top:20px;}
	.sign li span{ display:block;float:left;line-height:38px;padding-right:6px;text-align:right;width:180px;}
	.sign li p{float:left;color:#999999;}
	.sign li font{ display:block;line-height:20px;padding-top:20px;line-height:20px;}
	.sign li div p input.input_1,.sign li div p input.input_1:hover{
		width: 260px;
		height: 16px;
		line-height: 14px;
		padding-top:12px;
		padding-bottom: 12px;
		color: #363636;
		padding-left: 10px;
		border: none;
		outline：none;
		margin-right: 15px;
	}
	#bind_tip {color:red;display:block;margin-top: 40px;text-align: center;display: none;}
</style>